.demo-1 {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
}

/*img.classGo,
.pic.classGo {
	transition: all 1.2s ease-out;
	-webkit-transition: all 1.2s ease-out;
	-moz-transition: all 1.2s ease-out;
	-o-transition: all 1.2s ease-out;
	-ms-transition: all 1.2s ease-out;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	filter: blur(30px);
	visibility: visible!important;
}

img.classGo.go,
.pic.classGo.go {
	opacity: 1;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	filter: blur(0);
}
*/
.pic,
.pic2 {
	display: block;
	overflow: hidden;
	position: relative;
}

.pic>img {
	display: block;
	width: 100%;
	transition: 600ms;
	-webkit-transition: 600ms;
}

.pic2>img {
	display: block;
	width: 100%;
}

.nowti {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.4;
}

.now {
	white-space: nowrap;
	overflow: hidden;
	line-height: 1.4;
}

.freeTx {
	overflow: hidden;
	position: relative;
	text-align: justify;
}

.freeTx img {
	max-width: 100%;
	vertical-align: bottom;
	height: auto !important;
}

.freeTx table {
	display: inline-block;
	vertical-align: top;
	max-width: 100% !important;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.freeTxTable table {
	display: inherit;
	vertical-align: top;
	max-width: 100% !important;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.tx {
	overflow: hidden;
	text-align: justify;
	line-height: 24px !important;
}

.ti,
.name,
.ch {
	line-height: 1.4;
}


/* slick */

.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
	width: 100%;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-dots {
	font-size: 0;
	text-align: center;
}

.slick-dots li {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	margin: 0 12px;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align: middle;
	transition: 300ms;
	-webkit-transition: 300ms;
}

.slick-dots li a {
	display: block;
	width: 100%;
	height: 100%;
}


/* .slick-dots li.slick-active,.slick-dots li:hover{ background:#fff !important;  } */


/* slick end */


/* banner animation */

.cg-w .item.slick-current {
	z-index: 3 !important;
}

.cg-w .item.prevSlick {
	z-index: 4 !important;
}

.cg-w .item {
	opacity: 1 !important;
	z-index: 2 !important;
}

.cg-w .item.prevSlick .pic2 {
	animation: increaseHeight 1.5s forwards;
	-webkit-animation: increaseHeight 1.5s forwards;
}

.cg-s .slick-current .pic2 img {
	-webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


/* banner animation end */


/* 抖一抖的效果 animation: logoShow .5s 1; */

@-webkit-keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}


/* img缩小效果（banner） */

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 60px, 0);
		transform: translate3d(0, 60px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 60px, 0);
		transform: translate3d(0, 60px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}


/* 下出现效果 */

@-webkit-keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}
	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}
	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1;
	}
	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}
	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}
	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1;
	}
	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -60px, 0);
		transform: translate3d(0, -60px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -60px, 0);
		transform: translate3d(0, -60px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}


/* 上出现效果 */

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(60px, 0, 0);
		transform: translate3d(60px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(60px, 0, 0);
		transform: translate3d(60px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}


/* 右出现效果 */

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-60px, 0, 0);
		transform: translate3d(-60px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-60px, 0, 0);
		transform: translate3d(-60px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}


/* 左出现效果 */

@-webkit-keyframes reveal-v {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
	}
	50% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 0% 0% 0px;
		transform-origin: 0% 0% 0px;
	}
	51% {
		-webkit-transform-origin: 50% 100% 0px;
		transform-origin: 50% 100% 0px;
	}
	100% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50% 100% 0px;
		transform-origin: 50% 100% 0px;
	}
}

@keyframes reveal-v {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
	}
	50% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 0% 0% 0px;
		transform-origin: 0% 0% 0px;
	}
	51% {
		-webkit-transform-origin: 50% 100% 0px;
		transform-origin: 50% 100% 0px;
	}
	100% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50% 100% 0px;
		transform-origin: 50% 100% 0px;
	}
}


/* 垂直出现遮盖层 */

@-webkit-keyframes reveal-l {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}
	50% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: 0% 0% 0px;
		transform-origin: 0% 0% 0px;
	}
	51% {
		-webkit-transform-origin: 100% 50% 0px;
		transform-origin: 100% 50% 0px;
	}
	100% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 100% 50% 0px;
		transform-origin: 100% 50% 0px;
	}
}

@keyframes reveal-l {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}
	50% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: 0% 0% 0px;
		transform-origin: 0% 0% 0px;
	}
	51% {
		-webkit-transform-origin: 100% 50% 0px;
		transform-origin: 100% 50% 0px;
	}
	100% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 100% 50% 0px;
		transform-origin: 100% 50% 0px;
	}
}


/* 水平出现遮盖层 */

@-webkit-keyframes hide-lr {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
	}
}

@keyframes hide-lr {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
	}
}


/* 向右消失 */

@-webkit-keyframes hide-dt {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
	}
}

@keyframes hide-dt {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
	}
}


/* 向下消失 */

@-webkit-keyframes hide-dt-f {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

@keyframes hide-dt-f {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}


/* 向上消失 */

@-webkit-keyframes increaseHeight {
	from {
		width: 100%;
	}
	to {
		width: 0;
	}
}

@keyframes increaseHeight {
	from {
		width: 100%;
	}
	to {
		width: 0;
	}
}


/* banner切换效果 animation: increaseHeight 1.5s forwards; 需要JS设置pic2图片高度 */

@-webkit-keyframes tbfade {
	0% {
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(10%);
		transform: translateY(10%);
		opacity: 0;
	}
}

@keyframes tbfade {
	0% {
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(10%);
		transform: translateY(10%);
		opacity: 0;
	}
}


/* animation: tbfade 1.8s 0.2s infinite linear; */


/* animation end */

@media screen and (min-width:1153px) {
	.scapic:hover img {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}
	.transY {
		-webkit-transform: translateY(60px);
		transform: translateY(60px);
		opacity: 0;
		visibility: hidden;
	}
	.transYF {
		-webkit-transform: translateY(-60px);
		transform: translateY(-60px);
		opacity: 0;
		visibility: hidden;
	}
	.transX {
		-webkit-transform: translateX(60px);
		transform: translateX(60px);
		opacity: 0;
		visibility: hidden;
	}
	.transXF {
		-webkit-transform: translateX(-60px);
		transform: translateX(-60px);
		opacity: 0;
		visibility: hidden;
	}
	.active .transY,
	.active .transYF,
	.active .transX,
	.active .transXF {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1;
		visibility: visible;
	}
	.trans {
		-webkit-transition: 700ms ease-out;
		transition: 700ms ease-out;
	}
	.dly-1 {
		-webkit-transition-delay: 100ms;
		transition-delay: 100ms;
	}
	.dly-2 {
		-webkit-transition-delay: 200ms;
		transition-delay: 200ms;
	}
	.dly-3 {
		-webkit-transition-delay: 300ms;
		transition-delay: 300ms;
	}
	.dly-4 {
		-webkit-transition-delay: 400ms;
		transition-delay: 400ms;
	}
	.dly-5 {
		-webkit-transition-delay: 500ms;
		transition-delay: 500ms;
	}
	.dly-6 {
		-webkit-transition-delay: 600ms;
		transition-delay: 600ms;
	}
	.dly-7 {
		-webkit-transition-delay: 700ms;
		transition-delay: 700ms;
	}
	.dly-8 {
		-webkit-transition-delay: 800ms;
		transition-delay: 800ms;
	}
	.active .am-lsi {
		-webkit-animation: lightSpeedIn 800ms both;
		animation: lightSpeedIn 800ms both;
	}
	.active .am-fiu {
		-webkit-animation: fadeInUp 800ms both;
		animation: fadeInUp 800ms both;
	}
	.active .am-fid {
		-webkit-animation: fadeInDown 800ms both;
		animation: fadeInDown 800ms both;
	}
	.active .am-fir {
		-webkit-animation: fadeInRight 800ms both;
		animation: fadeInRight 800ms both;
	}
	.active .am-fil {
		-webkit-animation: fadeInLeft 800ms both;
		animation: fadeInLeft 800ms both;
	}
	.active .am-rvv {
		position: relative;
		/* display: inline-block; vertical-align: bottom; */
		/* 文字加上 */
	}
	.active .am-rvv:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #000;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 0% 0% 0px;
		transform-origin: 0% 0% 0px;
		-webkit-animation: reveal-v 2s 200ms cubic-bezier(0, 0, 0.2, 1) both;
		animation: reveal-v 2s 200ms cubic-bezier(0, 0, 0.2, 1) both;
	}
	.active .am-rvl {
		position: relative;
		/* display: inline-block; vertical-align: bottom; */
		/* 文字加上 */
	}
	.active .am-rvl:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #000;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0% 0% 0px;
		transform-origin: 0% 0% 0px;
		-webkit-animation: reveal-l 2s 200ms cubic-bezier(0, 0, 0.2, 1) both;
		animation: reveal-l 2s 200ms cubic-bezier(0, 0, 0.2, 1) both;
	}
	.active .am-delay-1 {
		-webkit-animation-delay: 100ms;
		animation-delay: 100ms;
	}
	.active .am-delay-2 {
		-webkit-animation-delay: 200ms;
		animation-delay: 200ms;
	}
	.active .am-delay-3 {
		-webkit-animation-delay: 300ms;
		animation-delay: 300ms;
	}
	.active .am-delay-4 {
		-webkit-animation-delay: 400ms;
		animation-delay: 400ms;
	}
	.active .am-delay-5 {
		-webkit-animation-delay: 500ms;
		animation-delay: 500ms;
	}
	.active .am-delay-6 {
		-webkit-animation-delay: 600ms;
		animation-delay: 600ms;
	}
	.active .am-delay-7 {
		-webkit-animation-delay: 700ms;
		animation-delay: 700ms;
	}
	.active .am-delay-8 {
		-webkit-animation-delay: 800ms;
		animation-delay: 800ms;
	}
	.active .am-delay-9 {
		-webkit-animation-delay: 900ms;
		animation-delay: 900ms;
	}
	.active .am-delay-10 {
		-webkit-animation-delay: 1000ms;
		animation-delay: 1000ms;
	}
	.active .am-delay-11 {
		-webkit-animation-delay: 1100ms;
		animation-delay: 1100ms;
	}
	.active .am-delay-12 {
		-webkit-animation-delay: 1200ms;
		animation-delay: 1200ms;
	}
}


/* 1153 */


/* link end */


/* share */

.share {
	line-height: 24px;
	overflow: hidden;
}

.share p {
	float: left;
}

.share .ico {
	float: left;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	background-position: center top;
	margin-left: 10px;
}


/* share end */

.u-slick-box {
	position: relative;
	overflow: hidden;
}

.u-slick-box>img {
	display: block;
	width: 100%;
}

.u-slick-box .u-slick {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

.u-slick {
	position: relative;
	overflow: hidden;
}

.u-slick .item {
	position: relative;
	overflow: hidden;
}

.banner-box {
	position: relative;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
}

.banner .pic2 {
	position: absolute;
	top: 0;
	left: 0;
}

.mtop {
	height: 72px;
}

.banner .txts {
	position: absolute;
	color: #fff;
	text-shadow: 0 0 5px rgba(0, 0, 0, .5);
	text-align: center;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.banner .txts .rel {
	text-align: center;
	width: 100%;
}

.banner .line {
	width: 640px;
	height: 1px;
	margin: 20px auto 0 auto;
	background: #fff;
}

.banner .line i {
	display: block;
	width: 100%;
	height: 100%;
	background: #b32521;
}

.banner .ti {
	font-size: 20px;
	font-family: arial;
	text-transform: uppercase;
}

.banner .ch {
	font-size: 70px;
	margin-bottom: 40px;
	letter-spacing: 1px;
}

.banner .en {
	display: none;
	font-size: 16px;
	line-height: 1.5;
	width: 380px;
	max-width: 100%;
	margin-top: 30px;
}

.banner .more {
	position: absolute;
	bottom: 0;
	right: 0;
}

.banner .slick-dots {
	position: absolute;
	right: 45px;
	z-index: 99;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	display: none !important;
}

.banner .slick-dots li {
	border: 1px solid #fff;
	width: 9px;
	height: 9px;
	display: block;
	margin: 0;
	position: relative;
}

.banner .slick-dots li+li {
	margin-top: 22px;
}

.banner .slick-dots a {
	position: absolute;
	top: 4px;
	right: -46px;
	width: 0;
	height: 1px;
	background: #fff;
	-webkit-transition: 600ms;
	transition: 600ms;
}

.banner .slick-dots li:hover,
.banner .slick-dots .slick-active {
	background: #fff;
}

.banner .slick-dots .slick-active a {
	width: 30px;
}

.ixmore {
	display: block;
	border-radius: 100%;
	width: 84px;
	height: 84px;
	cursor: pointer;
	background: #b32521;
	color: #fff;
	line-height: 84px;
	text-align: center;
	overflow: hidden;
	-webkit-transition: 300ms;
	transition: 300ms;
}

.banner-pro {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	background: #fff;
	background: rgba(255, 255, 255, .8);
	overflow: hidden;
}

.banner-pro li {
	width: 33.33%;
	float: left;
}

.banner-pro a {
	display: block;
	color: #666;
	border-right: 1px solid #fff;
	height: 70px;
	overflow: hidden;
}

.banner-pro .ico {
	height: 40px;
	display: block;
	margin-top: 5px;
	background-position: center top;
	transition: transform 400ms;
	-webkit-transition: transform 400ms;
}

.banner-pro .nowti {
	padding: 0 5%;
	margin-top: 3px;
	font-size: 14px;
}

.banner-mian {
	position: relative;
}

.bdsharebuttonbox.icon1 { display: none;
	position: absolute;
	left: 37px;
	bottom: 3%;
}

.bdsharebuttonbox.icon1 a {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
	display: block;
	width: 25px;
	height: 25px;
	float: none;
	background-position: center;
}

.bdsharebuttonbox.icon1 a.weixin {
	background: url(../images/weixin.png) no-repeat;
	opacity: .5;
}

.bdsharebuttonbox.icon1 a.weibo {
	background: url(../images/weibo.png) no-repeat;
	opacity: .5;
}

.bdsharebuttonbox.icon1 a:hover {
	opacity: 1;
}

.weixin {
	position: relative;
}

.weixin em {
	display: none;
	padding: 5px;
	/* background: #9c081e; */
	overflow: hidden;
	position: absolute;
	left: 65px;
	top: 10px;
	z-index: 3;
	box-sizing: border-box;
}

.bdsharebuttonbox em img {
	height: 100px;
	width: 100px;
	display: block;
}

.bdsharebuttonbox .weixin:hover em {
	display: block;
}

.bdsharebuttonbox p {
	width: 25px;
	line-height: 22px;
	text-align: center;
}

.bdsharebuttonbox span.line {
	height: 80px;
	width: 1px;
	background: #acacac;
	display: block;
	margin: 40px 0 40px 10px;
}

.menu {
	position: absolute;
	top: 33px;
	left: 37px;
	z-index: 1000;
}

.mousebox {
	position: absolute;
	width: 52px;
	left: 50%;
	margin-left: -26px;
	bottom: 6%;
	z-index: 20;
}

.mouse {
	width: 31px;
	height: 50px;
	margin: auto;
	position: relative;
	background: url(../images/mouse.png) center no-repeat;
}

.mouse i {
	width: 13px;
	height: 8px;
	display: block;
	background: url(../images/arrow.png) no-repeat center center;
	position: absolute;
	left: 9px;
	bottom: 13px;
	animation-delay: 0ms;
	animation-duration: 1340ms;
	animation-iteration-count: infinite;
	animation-name: arrow;
	animation-play-state: running;
	animation-timing-function: linear;
}

.mousebox span {
	color: #fff;
	margin-top: 10px;
	display: block;
	font-size: 12px;
}

@-webkit-keyframes arrow {
	0% {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	50% {
		-webkit-transform: translate3d(0px, -8px, 0px);
	}
	100% {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
}

@keyframes arrow {
	0% {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	50% {
		-webkit-transform: translate3d(0px, -8px, 0px);
	}
	100% {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
}


/*政策*/

.policy {
	background: #ffffff;
	width: 45%;
	float: right;
	max-width: 850px;
	position: relative;
	margin-top: -150px;
}

.policy .title {
	font-size: 22px;
	color: #141418;
	border-bottom: 1px solid #d8d8d8;
	padding: 30px 40px;
	box-sizing: border-box;
}

.policy .title img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.policy-list {
	box-sizing: border-box;
}

.policy-lunbo {
	padding: 25px 40px;
	box-sizing: border-box;
}

.policy-lunbo .hd {
	margin-top: 20px;
}

.policy-lunbo .hd span {
	font-family: "宋体";
	font-size: 16px;
	color: #aaaaaa;
	margin-right: 20px;
	cursor: pointer;
}

.policy-lunbo .hd span:hover {
	color: #333333;
}

.policy-lunbo ul li {
	height: 60px;
	overflow: hidden;
}

.index-con {
	padding: 0 100px;
	box-sizing: border-box;
}

.index-about {
	position: relative;
	background: #f0f1f5;
	
}

/*.index-about::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #f0f1f5;
	z-index: -1;
	
}
*/
.index-about-left {
	position: relative;
}

.index-about-left:before {
	position: absolute;
	content: "";
	width: 80%;
	background: #ffffff;
	height: 80%;
	bottom: 0;
}

.index-about-left-box {
	padding-left: 100px;
	box-sizing: border-box;
	width: 63%;
	overflow: hidden;
}

.index-about-left-box .video {
	position: relative;
}

.index-about-left-box .video img {
	width: 100%;
	display: block;
	max-width: 100%;
}

.index-about-left-box .video .but {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.index-about-left-box .video .but em {
	position: relative;
	z-index: 2;
	cursor: pointer;
	width: 68px;
	height: 68px;
	margin: 0 auto;
	border-radius: 50%;
	background: #ffffff url(../images/bf-icon1.png)no-repeat center center;
}

.index-about-left-box .video .but em:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-size: 100%;
	padding: 20px;
	top: -20px;
	left: -20px;
	background: url(../images/c.png) no-repeat center center;
	z-index: -1;
	animation: roll 2s linear infinite;
}

@keyframes roll {
	to {
		transform: rotate(360deg);
	}
}

.vidcontainer {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	background-color: #000;
	cursor: pointer;
	z-index: 9999;
}

.vidcontainer video {
	position: absolute;
	width: 100%;
	max-width: 100%;
	max-height: 90%;
	top: 0;
	left: 0;
	background-color: #000;
	bottom: 0;
	right: 0;
	margin: auto;
}

.vidcontainer .closevid {
	width: 26px;
	height: 26px;
	background: url(../images/icon5.png) no-repeat center/100% auto;
	position: absolute;
	top: 26px;
	right: 26px;
	cursor: pointer;
}

.about-img {
	position: absolute;
	z-index: 0;
	width: 50%;
	height: 136px;
	right: 0;
	margin-top: 45px;
}

.about-img .bg {
	background: url(../images/about-text.png) no-repeat right;
	width: 100%;
	height: 136px;
}

.index-about-text {
	position: relative;
	padding: 70px 0;
}

.index-title h2 {
	font-size: 60px;
	font-family: "DIN";
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
}

.index-title h2 i {
	font-family: arial;
	color: #dddddd;
	font-size: 110px;
}

.index-title h3 {
	font-size: 22px;
	color: #333333;
	padding-left: 40px;
	box-sizing: border-box;
	margin: 40px 0;
}

.index-about-text .info {
	padding-left: 40px;
	box-sizing: border-box;
	padding-bottom: 20px;
	text-indent:2em;
}

.index-about-text .info P {
	color: #666666;
	font-size: 15PX;
}

.index-about-icon {
	margin-top: 50px;
}

.index-about-icon li {
	float: left;
	width: calc(100%/4);
	margin: 0 auto;
	text-align: center;
}

.index-about-icon li p {
	font-size: 12px;
	font-family: arial;
	text-transform: uppercase;
	color: #d2d2d2;
}

.index-about-icon li h3 {
	font-size: 16px;
	color: #333333;
	transition: all 0.6s;
}

.index-about-icon li em {
	display: block;
	background: url(../images/icon.png) no-repeat;
	width: 95px;
	height: 65px;
	margin: 0 auto;
	transition: all 0.6s;
}

.index-about-icon li em.em1 {
	background-position: 0 0;
}

.index-about-icon li em.em2 {
	background-position: -105px 0;
}

.index-about-icon li em.em3 {
	background-position: -215px 0;
}

.index-about-icon li em.em4 {
	background-position: -327px 0;
}

.index-about-icon li:hover em.em1 {
	background-position: 0 -82px;
}

.index-about-icon li:hover em.em2 {
	background-position: -105px -82px;
}

.index-about-icon li:hover em.em3 {
	background-position: -215px -82px;
}

.index-about-icon li:hover em.em4 {
	background-position: -327px -82px;
}

.index-about-icon li:hover h3 {
	color: #dbb161;
}

.index-about-main {
	position: relative;
	margin-top: 60px;
}

.index-about-right {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 35%;
}

.index-about-right em,
.index-about-right em img {
	display: block;
	width: 100%;
	overflow: hidden;
}

.index-number {
	background: #201e1e url(../images/number-bg.png) no-repeat center bottom;
}

.Guarantee_time li {
	text-align: center;
	color: #666666;
	padding: 60px 0;
	float: left;
	width: calc(100%/4);
	box-sizing: border-box;
}

.Guarantee_time li h2 {
	color: #ffffff;
	font-size: 64px;
	font-family: "DIN";
	display: inline-block;
	font-weight: bold;
	letter-spacing: 2PX;
}

.Guarantee_time li i {
	font-size: 16px;
	margin-left: 10px;
	color: #5e5e5e;
}

.Guarantee_time li p {
	margin-bottom: 30px;
	font-size: 16px;
	color: #5e5e5e;
}


/*业务航道*/

.index-business {
	position: relative;
	padding: 0 0 80px;
	background: #f0f1f5;
}

/*.index-business::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #f0f1f5;
	z-index: -1;
}*/

.index-business .index-title {
	padding-top: 80px;
}

.index-business-box {
	background: #222627;
	padding: 60px 0 0 60px;
	position: relative;
}

.index-business-box ul li {
	box-sizing: border-box;
	position: relative;
}

.index-business-list .info {
	width: 43%;
	height: 300px;
}

.index-business-list ul {}

.index-business-list ul li .title {
	margin-bottom: 50px;
}

.index-business-list ul li .title h2 {
	font-size: 34px;
	color: #ffffff;
	margin-bottom: 15px;
}

.index-business-list ul li .title p {
	font-size: 14px;
	color: #ffffff;
	font-size: 14px;
	font-family: arial;
	text-transform: uppercase;
}

.index-business-list ul li .text {
	color: #ebebeb;
}

.index-business-pic {
	width: 60%;
	max-width: 970px;
	position: absolute;
	right: 0;
	-webkit-transform: translate(100px, -200px);
	-moz-transform: translate(100px, -200px);
	transform: translate(100px, -200px);
}

.index-business-pic em img {
	display: block;
	width: 100%;
	height: 100%;
}

.index-business-list .hd {
	margin-top: 95px;
	width: 43%;
	padding-bottom: 30px;
}

.index-business-list .hd i {
	font-family: "宋体";
	font-size: 34px;
	color: #aaaaaa;
	margin: 0 20px;
	cursor: pointer;
}

.index-business-list .hd i:hover {
	color: #ffffff;
}

.index-business-list .hd ul li {
	font-size: 26px;
}

.index-business-list .hd .pageState {
	font-size: 32px;
	font-family: arial;
	line-height: 40px;
	color: #d8d8d8;
	font-weight: normal;
}

.index-business-list .hd .pageState span {
	font-size: 60px;
	font-family: arial;
	color: #ffffff;
	margin-right: 10px;
	font-weight: normal;
}


/*人工智能*/

.index-intelligence {
	padding: 80px 0 80px;
	position: relative;
}

.index-intelligence::before {
	position: absolute;
	content: "";
	background: #f0f1f5;
	height: 80%;
	width: 50%;
	bottom: 0;
	left: 0;
}

.index-intelligence-box {
	width: 65%;
}

.index-intelligence-list li {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 753px;
}

.index-intelligence-list li .text {
	width: 33vw;
	background: #222627 url(../images/bg1.jpg) no-repeat bottom right;
	position: absolute;
	right: 0;
	top: 12vh;
	padding: 4vw;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 2;
}

.index-intelligence-list li .text h2 {
	color: #ffffff;
	font-size: 30px;
}

.index-intelligence-list li .text span {
	display: block;
	width: 15px;
	height: 2px;
	background: #ffffff;
	margin: 40px 0;
}

.index-intelligence-list li .text .t1 {
	line-height: 35px;
	padding-left: 20px;
	box-sizing: border-box;
	margin-bottom: 3vw;
}

.index-intelligence-list li .text .nu {
	font-size: 84px;
	font-family: "DIN";
	color: #ffffff;
}

.index-intelligence-nav {
	margin-left: 2vw;
	margin-top: 4vw;
	width: 30%;
}

.index-intelligence-nav-list li {
	font-size: 20px;
	color: #333333;
	margin-bottom: 2vw;
	cursor: pointer;
	padding-bottom: 10px;
}

.index-intelligence-nav-list li i {
	display: inline-block;
	margin-right: 20px;
}

.index-more {
	border: 1px solid #1e2225;
	padding: 10px 30px;
	text-align: center;
	width: 220px;
	margin: 30px 0;
	transition: all 0.6s;
}

.index-more a {
	font-size: 14px;
	font-family: arial;
	text-transform: uppercase;
}

.index-intelligence-nav .bt {
	padding-left: 2vw;
	margin-top: 4vw;
}

.index-intelligence-nav-list li.on:after {
	position: absolute;
	content: "";
	bottom: 0;
	width: 50%;
	height: 3px;
	left: 0;
	background: #222627;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transition: .6s;
	-webkit-transition: .6s;
}

.index-intelligence-nav-list li.on {
	position: relative;
	color: #dbb161;
}

.index-more:hover {
	background: #222627;
	color: #ffffff;
}

.index-more:hover a {
	color: #ffffff;
}

.index-news {
	padding: 80px 0 80px;
	background: url(../images/bg2.jpg) no-repeat center center;
}

.index-news-list {
	margin-top: 80px;
}

.index-news-list li {
	float: left;
	width: 32%;
	margin-left: 2%;
}

.index-news-list li em,
.index-news-list li em img {
	display: block;
	width: 100%;
}

.index-news-list li .text {
	background: #ffffff;
	width: 90%;
	margin: 0 auto;
	padding: 30px;
	box-sizing: border-box;
	-webkit-transform: translate(0, -80px);
	-moz-transform: translate(0, -80px);
	transform: translate(0, -80px);
	-webkit-box-shadow: 0 0 20px 1px #d0d0d0;
	-moz-box-shadow: 0 0 20px 1px #d0d0d0;
	box-shadow: 0 0 20px 1px #d0d0d0;
	transition: all 0.4s;
}

.index-news-list li .text .t1 h2 {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	white-space: pre;
	word-break: keep-all;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin-bottom: 20px;
}

.index-news-list li .text .t1 span {
	margin-bottom: 10px;
	display: block;
}

.index-news-list li .text .p1 {
margin-top: 30px;
    height: 78px;
    line-height: 26px;
    overflow: hidden;
}

.index-news-list li .text .more {
	margin-top: 10px;
}

.index-news-list li .text .more i {
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #d9d9d9;
	margin: 0 10px 0 0;
}

.index-news-list li:nth-child(3n+1) {
	margin-left: 0;
}

.index-news-list li:hover .text .t1 h2 {
	color: #dbb161;
}

.index-news-list li:hover .text {
	transform: translateY(-40px);
}

.index-title2 {
	color: #ffffff;
	text-align: center;
	padding-bottom: 50px;
}

.index-title2 h2 {
	font-size: 40px;
}

.index-title2 span {
	display: block;
	margin: 30px auto;
	width: 45px;
	height: 2px;
	background: #ffffff;
}

.index-ywwu {
	position: relative;
	background: #000;
}

.index-ywwu::before {
	position: absolute;
	content: "";
	background: #000000;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.index-ywwu .index-title2 {
	padding-top: 80px;
}

.index-map {
	padding-right: 210px;
	box-sizing: border-box;
}

.index-map .bd {
	width: 100%;
	padding: 50px 100px;
	background-color: #f0f1f5;
	overflow: hidden;
	height: 715px;
}

.index-map .bd .left {
	display: flex;
	justify-content: space-between;
}

.common-map-box {
	position: relative;
}

.common-map-text {
	overflow: hidden;
	padding-right: 40px;
	margin-top: 80px;
}

.common-map-text h2 {
	font-size: 34PX;
	color: #333333;
	margin-bottom: 20px;
	line-height: 48px;
}

.common-map-text h3 {
	font-size: 16px;
	color: #666666;
	font-family: arial;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.common-map-text span {
	display: block;
	margin-bottom: 20px;
	height: 30px;
	width: 2px;
	background: #c78847;
}

.common-map-text p {
	margin-bottom: 25px;
	font-size: 18px;
	letter-spacing: 2px;
}

.common-map-text p i {
	font-size: 37px;
	color: #c78847;
	display: inline-block;
	font-family: arial;
	
}

.common-map-text a {
	display: block;
	width: 245px;
	height: 53px;
	text-align: center;
	background: #c78847;
	color: #ffffff;
	border-radius: 25px;
	line-height: 53px;
	margin: 70px 0;
	font-size: 18px;
	transition: all 0.6s;
}

.common-map-text a:hover {
	background: #ffffff;
	color: #c78847;
	-webkit-box-shadow: 0 0 20px 1px #d0d0d0;
	-moz-box-shadow: 0 0 20px 1px #d0d0d0;
	box-shadow: 0 0 20px 1px #d0d0d0;
}

.common-map-box em img {
	display: block;
	width: 100%;
	max-width: 100%;
}

.common-map-box em {
	display: block;
	position: relative;
	width: 790px;
	height: 590px;
}

.common-map-box em::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../images/map1-t.png) no-repeat center center;
	animation: mapYuan 3s infinite ease-in-out; display: none;
}

.common-map-box2{margin-left: -110px;}
.common-map-box2 em {
	margin-top: 60px;
	width: 967px;
	height: 520px;
}

.common-map-box2 em::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../images/map2-t.png) no-repeat center center;
	animation: mapYuan 3s infinite ease-in-out; display: none;
}

@keyframes mapYuan {
	0% {
		opacity: 1;
	}
	50% {
		opacity: .5;
	}
	100% {
		opacity: 1;
	}
}

.index-map-list {
	position: relative;
}

.index-map .hd {
	position: absolute;
	right: -176px;
	bottom: 0;
}

.index-map .hd span {
	display: block;
	float: left;
	width: 88px;
	height: 88px;
	background: #c78847;
	line-height: 88px;
	text-align: center;
	font-size: 44px;
	font-family: "宋体";
	color: #ffffff;
	transition: all .6s;
	cursor: pointer;
}

.index-map .hd span.next {
	background: #f0f1f5;
	color: #c78847;
}
.index-map .hd span:hover{background: #2d2d2d;}
.index-map .hd span.next:hover{
	
	color: #ffffff;
}

.index-footer{border-top: 1px solid #d8d8d8;}
.index-footer .index-info {
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	box-sizing: border-box;
}

.index-footer .left {
	width: 70%;
	padding: 70px;
	box-sizing: border-box;
	border-right: 1px solid #d8d8d8;
}

.index-footer .left .list {
	width: 25%;
	float: left;
	margin: 0 auto;
}

.index-footer .left .list dt,
.index-footer .right .list h2 {
	color: #141418;
	font-size: 20px;
	margin-bottom: 40px;
}

.index-footer .left .list dd a {
	display: block;
	margin-bottom: 5px;
}

.index-footer .right {
	width: 30%;
	padding: 70px;
	box-sizing: border-box;
	padding-bottom:0;
}

.index-footer .right h3 {
	font-size: 34px;
	color: #141418;
	font-family: "DIN";
	font-weight: bold;
	font-weight: bold;
}

.index-footer .right span {
	display: block;
	font-family: arial;
	font-size: 12px;
	color: #666666;
	text-transform: uppercase;
	margin: 20px 0;
}

.index-footer .right p {
	margin-bottom: 5px;
}

.index-footer .bottom {
	height: 70px;
	line-height: 70px;
	border-top: 1px solid #d8d8d8;
	box-sizing: border-box;
}

.index-footer .bottom .fl {
	width: 70%;
	padding: 0 70px;
}
.index-footer .bottom .fl a{margin-left: 5px;}
.index-footer .bottom .fr {
	width: 30%;
	padding: 0 70px;
	background: #222627;
	color: #535353;
	border-top: 1px solid #222627;
	font-size: 14px;
}

.index-qiu {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 0;
}


/*.index-qiu em{ position: absolute;  content: ""; background: url(../images/qiu.png) no-repeat; width: 600px;
 height: 600px; top: 0; right: 0; z-index: 0;  background-size: cover;  -webkit-animation: start1 40s infinite linear; 
animation: start1 40s infinite linear;}*/

.index-qiu::before {
	position: absolute;
	content: "";
	background: url(../images/qiu2.png) no-repeat;
	width: 600px;
	height: 600px;
	top: 30px;
	right: 0;
	z-index: -1;
	background-size: cover;
	-webkit-animation: start1 50s infinite linear;
	animation: start1 50s infinite linear;
}

@keyframes start1 {
	0% {
		opacity: 1;
		-webkit-transform: rotate(0deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: rotate(-360deg);
	}
}


/*子页面*/

.p-left-right {
	padding-left: 180px;
	padding-right: 180px;
}

.neibanner {
	position: relative;
}

.neibanner-tu {
	display: flex;
	justify-content: center;
	align-content: center;
}

.neibanner-text {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 33;
	top: 50%;
	transform: translateY(-50%);
}

.neibanner-text h3 {
	color: #fff;
	font-size: 40px;
	letter-spacing: 8px;
}

.neibanner-text p {
	color: #fff;
	font-size: 18px;
	letter-spacing: 2px;
	padding-top: 30px;
}

.neibanner-text b {
	display: block;
	background: #fff;
	width: 50px;
	height: 2px;
	margin-top: 35px;
}

.neibanner-text h5 {
	color: #ffffff;
	font-size: 14px;
	width: 50%;
	margin-top: 70px;
}

.breadcrumb {
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
	height: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
}

.brc-left {
	display: flex;
	align-items: center;
}

.brc-left a {
	display: block;
	color: #000;
	font-size: 16px;
	padding-right: 40px;
	position: relative;
	transition: all 0.6s;
}

.brc-left a::before {
	display: block;
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background: #d5a447;
	border-radius: 100%;
	bottom: -15px;
	left: 50%;
	transform: translateX(-20px);
	opacity: 0;
	transition: all 0.6s;
}

.brc-left a.on::before,
.brc-left a:hover::before {
	opacity: 1;
}

.brc-left a.on,
.brc-left a:hover {
	color: #D5A447;
}

.brc-right {
	display: flex;
	align-items: center;
}

.brc-right a {
	font-size: 16px;
	margin: 0 5px;
	display: block;
}

.brc-right a.on {
	color: #D5A447;
}

.p-relative {
	position: relative;
}

.page-title {
	padding-bottom: 50px;
}

.page-title h3 {
	font-size: 36px;
	color: #D5A447;
	padding-bottom: 10px;
}

.page-title p {
	font-size: 16px;
	font-family: arial;
	text-transform: uppercase;
	color: #666666;
}

.page-titleimg {
	left: 50px;
	position: absolute;
	top: 60px;
}

.pagebox {
	padding: 60px 0 60px 0;
}

.page-header {
	background: none;
}

.page-yjy-title {
	padding: 100px 0;
}

.page-yjy-title h1 {
	font-size: 42px;
	color: #141418;
	margin-bottom: 50px;
}

.page-yjy-title p {
	font-size: 14px;
}


.page-yjy-list{margin-bottom: 90px;}


.page-yjy-list li {
	float: left;
	width: 49%;
	margin-left: 2%;
	box-sizing: border-box;
	position: relative;
	box-sizing: border-box;

	overflow: hidden;
}

.page-yjy-list li em {
	display: block;
	width: 100%;
	overflow: hidden;
	height: 100%;
	
}

.page-yjy-list li em img {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.page-yjy-list li .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 5% 30px;
	color: #ffffff;
	-webkit-transform: translate(0, -50px);
	-moz-transform: translate(0, -50px);
	transform: translate(0, -50px)
}

.page-yjy-list li .text h2 {
	font-size: 32px;
	margin-bottom: 20px;
	line-height: 40px;
}

.page-yjy-list li .text p {
	font-size: 18px;
}

.page-yjy-list li a {
	display: block;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.page-yjy-list li a::before {
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.6s;
	border-radius: 10px;
	overflow: hidden;
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(../images/sect3_hyy.png) no-repeat center bottom;
	background-size: cover;
}

.page-yjy-list li a:hover::before {
	opacity: 1;
	filter: alpha(opacity=1);
}

.page-yjy-list li:nth-child(1) {
	margin-left: 0;
	overflow: hidden;
	
}
.page-yjy-list li:nth-child(3) {
	margin-top: 2%;
}


.yjy-ai{background:url(../images/yjy-bg1.jpg) no-repeat center top;  text-align: center; color: #ffffff; padding-top: 100px; padding-bottom: 100px;
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed; margin-bottom: 90px;}
.yjy-ai p{font-size: 36px; margin-bottom: 20px; line-height: 40px;}
.yjy-ai a{display: block; width: 225px; height: 55px; line-height: 55px; color: #141418; text-align: center; background: #ffffff;
 margin: 50px auto 0; border-radius: 30px; transition: all 0.6s; font-size: 15px;}
.yjy-ai a:hover{background: #333333; color: #ffffff;}
 
.yjy-ai2{background:url(../images/yjy-bg2.jpg) no-repeat center top;  text-align: center; color: #ffffff; padding-top: 130px; padding-bottom: 130px;
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed; margin-bottom: 90px; height: 400px;}
 
.yjy-ai p{font-size: 30px;} 
 
 /*党建文化*/
.page-culture-top{margin-bottom: 0; display: flex;
justify-content: space-between;}
.page-culture-top .left{width: 50%;}
.page-culture-top .left img{display: block; width: 100%;}
.page-culture-top .right{width:48%; padding: 80px 20px 0 50px; box-sizing: border-box; flex: 1;}
.page-culture-top .right h1{font-size: 42px;  color: #141418; margin-bottom: 30px; line-height: 50px;}
.page-culture-top .right p{line-height: 42px; font-size: 15px;}
.page-culture-top2{padding: 30PX; box-sizing:border-box ; -webkit-box-shadow: 0 0 20px 1px #d0d0d0;
-moz-box-shadow: 0 0 20px 1px #d0d0d0;
box-shadow: 0 0 20px 1px
#d0d0d0;}
.page-culture-top2 .left{width: 42%;}
.page-culture-top2.right{width:48%;} 
 .page-culture-top2 .right h1{font-size: 38PX;}
 
.page-culture-bottom{position: relative;}
.page-culture-bottom::before{position: absolute; content: "";  background: #f1f1f1; width: 100%; height: 100%; z-index: -1;}
.page-culture-bottom .title h2{font-size: 30px; color: #141418;}
.page-culture-bottom .title span{display: block; width: 20px; height: 2px; margin: 30px 0; background: #333333;}
.page-culture-bottom .box{padding: 60px 60px 0;  box-sizing: border-box; background: #ffffff; } 
.page-culture-list li{float: left; width: 32%; margin-left: 2%; margin-bottom: 40px;}
.page-culture-list li:nth-child(3n+1){margin-left: 0;}
.page-culture-list li em{display: block; width: 100%; overflow: hidden; margin-bottom: 10px;}
.page-culture-list li em img{display: block; width: 100%; overflow: hidden;} 
.page-culture-list li .text h2{font-size: 20px; height:30px; line-height:30px; text-align:center; overflow:hidden; color: #333333;  transition: all 0.4s; margin-bottom: 10px;   word-break: keep-all;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;}
.page-culture-list li .text p{color: #666666; white-space: pre;
    word-break: keep-all;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
	height:30px;
	line-height:30px;
	}
 
.page-culture-list li a{display: block; transition: all 0.4s;}
.page-culture-list li a:hover .text h2{color: #d5a447;}
 
.page-culture-list li:hover em img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.page-culture-list li em img{
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    transition: all .6s ease;
    }
  
/* 企业文化 */
.culture-box h3{ font-size: 26px; color: #000; padding-bottom: 65px;}
.culture-list{ display: flex;  justify-content: space-between;}
.culture-list li{  position: relative;  width: 32%; overflow: hidden;}
.culture-list li a{ display: block;  border-bottom: 10px solid #D5A447; }
.culture-list li figcaption{  position:absolute; bottom: 0; left: 0; right: 0; padding: 30px 30px 100px 30px; transition: all 0.6s;}
.culture-list li h4{ color: #fff; font-size: 30px; padding-bottom: 20px;z-index:199;}
.culture-list li p{ color: #fff; font-size: 16px;z-index:199;}
.culture-list li figure img{ display: block; width: 100%; transition: all 0.6s; overflow: hidden;}
/* .culture-list li:hover figcaption{ transform: translateY(-50px);} */

.culture-list li::before {
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.6s;

	overflow: hidden;
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	 background: url(../images/sect3_hyy.png) no-repeat center bottom; 
	 background-size: cover;
}

.culture-list li:hover::before {
	opacity: .8;
	filter: alpha(opacity=80);
}

/* 新闻资讯*/
.newsp-list{ margin-top: -50px;}
.newsp-list li a{ display: flex; justify-content: space-between; padding:50px 50px; align-items: center; border-bottom: 1px solid #F5F5F5;}
.newsp-list li figure img{ display: block; width: 100%; height: 100%;max-width: 490px;}
.newsp-list li figcaption{ flex: 1; padding-left: 50px;  overflow: hidden;}
.newsp-list li h3{ font-size:30px; font-weight: bold; color: #000000; white-space: nowrap; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis;
transition: all 0.6s;}
.newsp-list li h5 {font-size:14px; color: #666; padding: 20px 0 30px 0;}
.newsp-list li p{ line-height: 36px; font-size: 16px; color: #666;}
.newsp-list li .line{ height: 1px; background: #f5f5f5; width: 100%; margin: 20px 0; transition: all 1s; transform-origin: right;}
.newsp-list li span{ font-size: 16px; color: #333; text-transform: uppercase; padding-top: 20px; transition: all .6s; }
.newsp-list li:hover .line{ background: #D5A447; transform: scale(1.1,1);}
.newsp-list li:hover h3{ color: #D5A447;}
.newsp-list li:hover span{ color: #D5A447;}
.loadmore{ border:1px solid #000; height: 65px; line-height: 65px; text-align: center; width: 280px;  margin: 50px auto 0 auto;
cursor: pointer; color: #000; font-size: 16px; text-transform: uppercase; font-family: arial; transition: all 0.6s;}
.loadmore:hover{ background: #222; color: #fff;}


/* 联系我们*/
.contact-box{ display: flex; justify-content: space-between;}
.contact-box .left p{ line-height: 42px; color: #333; font-size: 16px;}
.contact-box .right .div1{ display: flex; justify-content: space-between;}
.contact-box .div1-left input:last-child{ margin-bottom: 0;}
.contact-box .div1-left input{ display: block; width:360px; height: 50px; border:1px solid #e0e0e0; padding-left: 10px; display: block; margin-bottom: 20px;}
.contact-box .div1 textarea{ display:block; border:1px dashed #E0E0E0; background: none; resize: none; width: 470px; margin-left: 50px;
padding-left: 10px; padding-top: 10px;}
.contact-box .sub{ display: block; height: 50px; width: 100%; border:1px solid #E0E0E0; margin-top: 20px; font-size: 15px; cursor: pointer;}
.map{ width: 100%; overflow: hidden;}
.map img{display: block; width: 100%; height: auto;}

/* 投资者关系*/
.investbg{ position: absolute; right: 0; top: 20px; z-index: -1;}
.invest-box{ display: flex; align-items: center;}
.invest-box .left img{ display: block; width: 100%;}
.invest-box .right {display: flex;  padding-left: 50px; /*flex-wrap: wrap;*/}
.invest-box .right-text{ max-width: 600px;
width: 100%;}
.invest-box .right span{ background: #D5A447; height: 1px; width:110px; margin-top: 20px; margin-right: 20px;}
.invest-box .right span i{ display: block; width: 10px; height: 10px; background: #D5A447; border-radius: 100%; margin-top: -5px;}
.invest-box .right h3{ font-size: 28px; color: #000; line-height: 42px; margin-bottom: 30px; letter-spacing: 4px;}
.invest-box .right p{ font-size: 18px; color: #555; line-height: 40px;}

/* 投资者公告 */
.invest-noticebox ul{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:-50px;}
.invest-noticebox li{ width: 48%;  box-shadow: 0 0 10px 5px rgba(0,0,0,0.05); background: #fff url(../images/noticep-tu1.png) no-repeat top right; padding: 50px; margin-bottom: 50px; border-radius: 10px;
transition: all 0.6s;}
.invest-noticebox h4 span{ font-size: 26px; color: #000; transition: all 0.6s; font-family: arial;}
.invest-noticebox h4 b{ font-size: 16px; color: #555; display: inline-block; padding-left: 15px; transition: all 0.6s; font-family: arial;}
.invest-noticebox li h3{ font-size: 22px; font-weight: bold; color: #000; margin: 35px 0; transition: all 0.6s;
white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.invest-noticebox li p{ line-height: 36px; font-size: 14px; color:#555; transition: all 0.6s;}
.invest-noticebox li i{ display: block; background: url(../images/notice-arrow.png) no-repeat top center;  height:15px; width: 32px;
 background-position:0 0; margin-top: 50px; transition: all 0.6s;}
.invest-noticebox li:hover i{ background-position: -38px 0;}
.invest-noticebox li:hover{ background-color: #D5A447;}
.invest-noticebox li:hover span,.invest-noticebox li:hover b,.invest-noticebox li:hover p,.invest-noticebox li:hover h3{ color: #fff;}
.notice-pol{ position: absolute; right: 0; bottom: 0; z-index: -1;}

/* 荣誉资质 */
.honorp-list{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -50px;}
.honorp-list li{ margin-bottom: 50px; width: 24%;}
.honorp-list li a{ display: block; border:1px solid #E0E0E0; transition: all 0.6s;}
.honorp-list p{ border-top: 1px solid #E0E0E0; text-align: center; font-size: 16px; text-align: center; color: #000; height: 55px; line-height: 55px;
transition: all 0.6s;}
.honorp-list figure img{ display: block; width: 100%; transition: all 0.6s;}
.honorp-list figure{ padding: 20px;}
.honorp-list li:hover img{ opacity: 0.8; }
.honorp-list li:hover a,.honorp-list li:hover p{ border-color: #D5A447;}


/* 高管团队 */
.highteam-box .ht-tou{ position: relative;}
.highteam-box .ht-tou img{ display: block; width: 100%; }
.highteam-box .ht-tou figcaption{ position: absolute; background: linear-gradient(to right,rgba(255,255,255,0.8),rgba(255,255,255,0.25)); top:20%; left: 0; 
bottom: 20%; right: 40%; padding: 50px 65px 50px 50px; }
.highteam-box .ht-tou h3{ font-size: 26px; color: #000000; padding:20px 0 30px 0;}
.highteam-box .ht-tou p{ font-size: 14px; line-height: 40px; color: #222;  overflow: hidden;}

.highteam-box .teamimg{ padding-top: 50px;}
.highteam-box .teamimg  figure img{display: block; width: 100%;}
.highteam-box .teamimg ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -30px;}
.highteam-box .teamimg li{ width: 24%; position: relative; margin-bottom: 30px; overflow: hidden;}
.highteam-box .teamimg figcaption{ position: absolute; top:30%; right: 0; bottom: 0; left:0; padding:0 30px 30px 30px; opacity: 0; transition: all 1s ease-in-out;}
.highteam-box .teamimg  h5{ color: #fff; font-size: 14px;  font-family: arial; letter-spacing: 2px; padding-bottom: 15px;}
.highteam-box .teamimg  h3{ color: #fff; font-size: 22px; font-weight: bold;}
.highteam-box .teamimg  b{ display: block; height: 1px; background: #fff; width: 30px; margin: 30px 0; }
.highteam-box .teamimg  p{ color: #fff; font-size: 16px; line-height: 36px;}
.highteam-box .teamimg li:hover figcaption{ opacity: 1;}
 
.highteam-page2{ background: #f5f5f5;}
.management-tu img{ display: block; width: 100%; height: auto;}
.planning-box{ display: flex;  justify-content: space-between; align-items: center;}  
.planning-box img{ display: block; padding-right: 50px;}
.planning-box .plan-text{ flex: 1; }
.planning-box .plan-text h3{ font-size: 24px; color: #000; font-weight: bold}
.planning-box .plan-text p{ margin-top: 30px;}
.planning-box .plan-text p{ line-height: 36px; color: #555; font-size: 14px; }
 
 
/* 关于我们 */
.aboutnei-text{ position: absolute; top: 18%; right: 0; bottom: 5%; left: 0;}
.aboutnei-text .div1{ display: flex; justify-content: space-between;}
.aboutnei-text .div1 ul{ display: flex; flex: 1; justify-content: space-between; padding-left: 200px;}
.aboutnei-text .ul1 .p1{ color: #fff; font-size: 16px; padding-bottom: 36px;}
.aboutnei-text .ul1 .p2 strong{ font-family: "DIN"; font-size: 64px; color: #fff; font-weight: bold;}
.aboutnei-text .ul1 .p2 span{  font-size: 16px; color: #fff; margin-left: 10px; display: inline-block;}
.aboutnei-text .div1 h3{ font-size: 40px; color: #fff; letter-spacing: 5px;}   
.aboutnei-text .div1 b{ display: block; background: #fff; height: 2px; width: 50px; margin-top: 40px;}
.aboutnei-text .div2{ border-top: 1px solid rgba(255,255,255,0.1); margin-top: 50px; padding-top: 60px;}
.aboutnei-text .ul2{ display: flex; }
.aboutnei-text .ul2 li{ border-right: 1px solid rgba(255,255,255,0.1); padding: 50px 150px;}
.aboutnei-text .ul2 h4{ color: #fff; font-size: 30px; text-align: center;}
.aboutnei-text .ul2 span img{ display: block; margin: 55px auto;}
.aboutnei-text .ul2 .p1{ padding: 30px 0; text-align: center;}
.aboutnei-text .ul2 .p1 span{ font-weight: bold; font-size: 18px; color: #fff;}
.aboutnei-text .ul2 .p1 strong{ font-size: 80px; font-weight: bold; color: #fff; font-family: "DIN"; padding: 0 15px; width: 130px; display: inline-block;}
.aboutnei-text .ul2 .p1 i{ font-size: 34px; letter-spacing: 4px; color: #fff; font-family: 'DIN';}
.aboutnei-text .icontu{ display: flex; justify-content: center; padding-top: 30px;}
.aboutnei-text .iconbox{ position: relative; height: 110px; width: 35px; margin: 0 10px; }
.aboutnei-text .icontu .i2{ display: block; background: url(../images/abouticon1.png) no-repeat center bottom;
display: block; width: 100%; height: 100%;  transition: height 1s ease 0s; position: absolute; bottom: 0;left: 0; animation: growHeight 1s ease;}
.aboutnei-text .icontu .i1{ display: block; background:#fff; display: block;  transition: height 1s ease 0s; height: 77px;
 animation: growHeight2 1s; width: 30px; transform-origin: bottom center; position: absolute; bottom: 0; left:0}

.about-sec1box{ display: flex; align-items: center;}
.about-sec1box .aboutsec1-text{ flex: 1; padding-left: 80px;padding-top: 80px; }
.about-sec1box .aboutsec1-text p{ line-height: 46px; font-size: 14px; color: #222; }
.about-sec1box .aboutsec1-text .div1{ text-align: right;}
.about-sec1box .aboutsec1-text img{ display: inline-block;}
.aboutpage-sec2{ border-top: 1px solid #E0E0E0;}
.about-sec2box{ background: url(../images/maptu.png) no-repeat top center; padding:0px 0 150px 0; position: relative;}
.about-sec2box .swiper-slide{ cursor: pointer; height: 230px; border-bottom: 1px solid #000; z-index: 333; margin-bottom: 100px; position: relative; padding: 0 50px;}
.about-sec2box .swiper-slide strong{  font-size: 30px; color: #333333; font-family: 'arial'; display: block; padding:10px 0 0 0;}
.about-sec2box .swiper-slide p{ line-height: 36px; color: #555; margin-top: 30px;}
.about-sec2box .swiper-slide::before{ position: absolute; content: "";  width: 8px; height: 8px; background: #000; border-radius: 100%; position: absolute; bottom: 20px; margin-top: 15px;}
.about-sec2box .swiper-slide:nth-child(2n)::before{ top: 0;}
.about-sec2box .swiper-slide:nth-child(2n){ margin-top: 229px;  border-top: 1px solid #000; border-bottom: none;}
.about-sec2box .swiper-slide:nth-child(2n) strong{ padding: 50px 0 0 0;}

.about-sec2box .swiper-slide-active i{ background: #D5A447;}
.about-sec2box .swiper-slide-active strong{ color: #D5A447;}
.about-sec2box .swiper-slide-active{ border-color: #D5A447 !important;}
.blackline{ height: 1px; background: #000; width:100%; position: absolute; top:50%; left: 0px; right: 0; margin-top: -51px;}
.about-sec2box .swiper-container .swiper-wrapper{  position: relative;}
.about-sec2box .swiper-button-next{ bottom: 0% !important; top: auto; left: 50%;  background-size: 100% 100%;
color: #fff; background:url(../images/previcon.png) no-repeat center; height: 64px; width: 64px;}
.about-sec2box .swiper-button-prev{ bottom: 0% !important; top: auto; right: 51%; left: auto; background-size: 100% 100%;
color: #fff; background:url(../images/nextico.png) no-repeat center; height: 64px; width: 64px;}

.aboutpage-sec3{ border-top: 1px solid #E0E0E0; border-top: none;}
.aboutpage-sec3 ul{ display: flex; flex-wrap: wrap; justify-content: flex-start;}
.aboutpage-sec3 ul li{ width: 19%; margin-bottom: 10px; transform: scale(.85);}
.aboutpage-sec3 ul li a{ display: block; box-shadow: 0 0 6px 2px rgba(0,0,0,0.04); padding:20px}
.aboutpage-sec3 ul li img{ display: block; margin: 0 auto; max-width: 100%;}



@keyframes growHeight{
	from{ height: 0;}
	to{ height: 100%;}
}
@keyframes growHeight2{	
 	from{ transform: scale(1,0);}
 	to{   transform: scale(1,1);}
 }
 
 /* 新加的发展历程 */
.fanren{ position: absolute; right: 0; top: 0; bottom: 0; width: 20%; z-index: 99; background: #fff;}
.fanren .guding{ width: 100%; height: 230px; border-bottom: 1px #000 solid; z-index: 333; position: relative; padding: 0 50px;}
.fanren .guding:before{ position: absolute; content: ""; width: 8px; height: 8px; background: #000; border-radius: 100%; z-index: 20; bottom: 20px; margin-top: 15px;}
.fanren .guding strong{ font-size: 30px; color: #333; font-family: arial; display: block; padding: 10px 0 0 0;}
.fanren .guding p{ line-height: 36px; color: #555; margin-top: 30px;}

@media (max-width: 1800px){
.fanren .guding,.about-sec2box .swiper-slide{ padding: 0 10px;}

}







/*人脸识别*/  
.page-rlsb-nav{text-align: center; min-width: 1200px; }  
.page-rlsb-nav li{display: inline-block; text-align: center;  padding: 30px 65px; box-sizing: border-box; margin: 0 50px 0; cursor: pointer;}    
.page-rlsb-nav li em{display: block; margin: 0 auto 10px;}
.page-rlsb-nav li span{font-size: 22px; color: #263858;}    
.page-rlsb-nav li.on{background: #f0f2f5;}
.page-rlsb-content{padding: 80px 0 50px; background:#f0f2f5; min-width: 1200px; box-shadow: inset 0 5px 8px 0 rgba(18,22,43,.05);}
.page-culture-list2{text-align: center;}
.page-culture-list2 li{width: 31%; margin-left: 3.5%;}
.page-culture-list2 li em{margin-bottom: 0;}
.page-culture-list2 .text{background: #ffffff; padding: 30px 50px; box-sizing: border-box;}
.page-culture-list2 .text h2{margin-bottom: 20px; font-size: 24px;}
.page-culture-list2 .text p{ font-size: 15px; white-space:normal !important; word-break:normal !important;
text-overflow:inherit !important;}
.page-cj {margin-bottom: 100px;}
.page-cj .page-yjy-title h1{margin-bottom: 25px;}
.page-cj .page-yjy-title p{font-size: 14px; text-transform: uppercase; font-family: arial;}
.page-cj-list{height: 330px; overflow: hidden;  }
.page-cj-list li{float: left; width:500px;margin-right:20px; height: 330px; box-sizing: border-box; transition: all 0.6s;}


.page-cj-list li em{position: relative;}
.page-cj-list li em,.page-cj-list li em img{display: block; width: 100%;}
.page-cj-list li p{position: absolute; bottom: 0; left: 0; z-index: 2; font-size: 22px; color: #ffffff; padding: 25px; width: 100%; font-style: normal;}
.page-cj-list li em p i{display: inline-block; vertical-align: middle; margin-left: 10px;}
.page-cj-list li em p i img{display: inline-block; transform: scale(.9);}


.picScroll .tempWrap{width: 100% !important;}
.picScroll{position: relative;}
.picScroll .hd{position: absolute; top: 50%; margin-top: -10px; width: 100%;}
.picScroll .hd span{font-size: 57px; font-family: "宋体"; color: #FFFFFF;float: left; margin-left: 10px;}
.picScroll .hd span.next{float: right; margin-right: 10px; margin-left: 0;}
.page-cj-list li:hover{transform: translateY(10px);}


/*加入我们*/
.page-concept{background: url(../images/ln-bg1.png) no-repeat center bottom; height: 447px; margin-top: 100px;}
.page-concept .page-yjy-title h1{margin-bottom: 25px; color: #d5a447;}
.page-concept .page-yjy-title p{color: #666666; font-size: 14px; font-family: arial; text-transform: uppercase;}
.page-concept .page-yjy-title span{display: block; margin: 30px auto; height: 2px; width: 30px; background: #a7a7a7;}
.page-concept .text{text-align: center; font-size: 24px;color: #333333; letter-spacing: 2px;}
.page-zhaopin{background: url(../images/icon6.png) repeat;  justify-content: space-between; 
flex-wrap: wrap; display: flex; display: -ms-flexbox; display: -webkit-flex; -ms-flex-wrap: wrap; }
.page-zhaopin li{width: 49%; margin-bottom: 40px; background: #ffffff; padding: 40px 50px; box-sizing: border-box; 
-moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.page-zhaopin li .top{ display: -webkit-flex; /* Safari */  display: flex;  justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #d8d8d8;}
.page-zhaopin li .top h2{color: #141418; font-size: 22px;}
.page-zhaopin li .top span b{color: #d5a447;}
.page-zhaopin li .bottom .position{width: 120px; margin: 30px 0; text-align: center; height: 38px; line-height: 38px; color: #ffffff; background: #d5a447;}





.index-huodong-box{position: relative;}
.index-huodong-box .tempWrap{width: 100% !important; }
.index-huodong-list li{width: 50%; margin-right: 20px;  box-sizing: border-box; float: left; position: relative; overflow: hidden;}
.index-huodong-list li img{display: block; overflow: hidden; width: 100%;}
.index-huodong-list li .text{position: absolute; bottom: 0; color: #ffffff; width: 100%; padding: 30px; box-sizing: border-box;}
.index-huodong-list li .text h2 { font-size: 22px; margin-bottom: 10px; line-height: 30px; }

.index-huodong-list li .text p {
	font-size: 18px;
}
.index-huodong-list li::before {
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.6s;

	overflow: hidden;
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(../images/sect3_hyy.png) no-repeat center bottom;
	background-size: cover;
}

.index-huodong-list li:hover::before {
	opacity: .8;
	filter: alpha(opacity=80);
}
.index-huodong-list li:first-of-type{margin-left: 0;}
.index-huodong-box .hd ul{text-align: center;margin: 50px auto;}
.index-huodong-box .hd li{width: 10px; font-size: 0; height: 10px; cursor: pointer; display: inline-block; border-radius: 50%; background: #d1dae8; text-align: center; display: inline-block; margin: 20px 10px;}
.index-huodong-box .hd li.on{background: #d5a447;}

/*数字高速*/
.page-sz-pic{margin-bottom: 80px;}
.page-sz-pic img{display: block; width: 100%;}
.page-sz-core{background: #f5f5f5;}
.page-sz-core-nav{ display: -webkit-flex; /* Safari */  display: flex; border-radius: 8px; overflow: hidden; margin-bottom: 90px;}
.page-sz-core-nav li{position: relative; display: inline-block; flex: 1; display: flex; align-items: center; justify-content: center; height: 80px;
position: relative; font-size: 18px; color:#141418; transition: 0.3s; cursor: pointer;}
.page-sz-core-nav li.on::before{background:#dbb161 ; content: "";  height: 2px; bottom: 0; width: 40px; left: 50%; transform: translateX(-50%);}

.page-sz-core-con{padding-bottom: 80px;}
.page-sz-core-con .content-slide {display: flex;  align-items: center;}
.page-sz-core-con .content-slide .img-box { position: relative; background: url(../images/sz-yw-bg1.png) no-repeat center bottom; overflow: hidden; flex: 0 0 780px; max-width: 780px; margin: 0 10px;}
.page-sz-core-con .content-slide .img-box img {  display: block; margin: 0 auto;  object-position: top;}
.page-sz-core-con .content-slide .info {flex: 1;  padding: 0 0 0 30px;  }
.page-sz-core-con .content-slide .info h3 {  position: relative; padding-left: 40px; font-size: 40px;   color: #0c1328; margin: 0 0 80px;}
.page-sz-core-con .content-slide .info h3::before{content: "";position: absolute;width: 7px;  height: 40px;  background: #dbb161; top: 0; left: 0;}
.page-sz-core-con .content-slide .info h3 span {  position: relative;  font-size: 33px;   color:#666666; margin: 0 0 0 45px;}
.page-sz-core-con .content-slide .info h3 span::before {content: "";position: absolute;width: 7px;height: 7px;border-radius: 50%;
   background: #0c1328;top: 0;bottom: 0;left: -25px;margin: auto;}
.page-sz-core-con .content-slide .info .text{ color: #333333; font-size: 16px; line-height: 40px;}


.page-sz-case{min-height: 550px;}
.page-sz-case-bg{background:url(../images/sz-bg2.jpg) no-repeat center top; height: 550px;  color: #ffffff; padding-top: 50px;  padding-bottom: 100px;
position: absolute; width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;  z-index: -1;}

.page-sz-case .index-more{border: 1px solid #FFFFFF;}
.page-sz-case .index-more a{color: #ffffff;}
.page-sz-case .page-yjy-title{padding: 100px 0 40px;}
.page-sz-case-pic{position: relative;}
.page-sz-case-pic::before{position: absolute; content: ""; width: 50%; height: 61%; background: url(../images/dian.png)repeat right bottom; bottom: 0; right: 0;}
.culture-list2 li{border-radius: 5px 5px 0 0;}
.culture-list2 li:nth-child(2){transform: translateY(-5%)}
.culture-list2 li:nth-child(3){transform: translateY(-10%)}
.culture-list2 li h4{line-height: 45px; font-size: 22px;}
.culture-list2 li a{border-bottom: 10px solid #ffffff; position: relative;}
.culture-list2 li a:hover{border-bottom: 10px solid #D5A447;}
.culture-list2 li a::before{position: absolute; content: ""; transition: all .6s; opacity: 0; background: url(../images/sect3_hyy.png) no-repeat center bottom; height: 100%; width: 100%; background-size: cover;}
.culture-list2 li a:hover::before{opacity: 1;}

.border0{border: none;}





.page-main-display{background: #f5f5f5; box-sizing: border-box;}
.worksWord { padding: 60px 0; }
.worksWord .tit { line-height: 1.5; font-size: 30px; color: #080808; font-weight: normal; padding: 10px 0 20px; border-bottom: 1px solid #ececec; }
.worksWord .con { padding-top: 50px; text-align: justify; }

.backToList { padding: 40px 0;  }
.backToList .con { position: relative; }
.backToList .link { display: block; color: #333; padding-right: 190px; margin-bottom: 10px; text-align: justify; line-height: 1.4; }
.backToList .link:hover { color: #004ea2; }
.backToList .back { display: block; position: absolute; right: 0px; top: 0px; width: 170px; height: 50px; background-color: #dbb161; text-align: center; line-height: 50px; color: #fff; }
.backToList .back:before { content: ""; display: inline-block; width: 30px; height: 14px; vertical-align: middle; background: url(../images/aw2.png) no-repeat center center; margin-right: 15px; position: relative; transition: .56s; -webkit-transition: .56s; left: 0; }
.backToList .back:hover { background-color: #333333; }
.backToList .back:hover:before { left: 8px; }



.culture-list2{flex-wrap:wrap }
.culture-list3 li{margin-bottom: 3em;}
.culture-list3 li:nth-child(2){transform: translateY(0);}
.culture-list3 li:nth-child(3) {  transform: translateY(0);}

.page-yjy-title h4{font-size: 30px; color: #333333;}
.page-rlsb-content{position: relative;
display: flex;
flex-wrap: wrap;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
 flex-wrap:wrap}

.page-rlsb-content ul{ text-align: center;   display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-justify-content:center;
	justify-content:center;
	-moz-box-pack:center;
	-webkit--moz-box-pack:center;}
.page-rlsb-content ul li{background: #ffffff; display: inline-block; }

.page-gaoguan{padding-top: 60px; background: #f9f9f9; padding-bottom: 30px;}
.page-gaoguan .page-zhaopin{background: none;}
.page-gaoguan .page-zhaopin li{width: 32%; cursor: pointer; margin-bottom: 60px;}
.page-gaoguan .page-zhaopin li:nth-child(2n+1){margin-left: 2%;}
.page-gaoguan .page-zhaopin li:nth-child(3n+1){margin-left: 0;}
.page-gaoguan .page-zhaopin li .top span{font-size: 14px; color: #141418;}
.page-gaoguan .page-zhaopin li .top h2{font-size: 20px;}
.page-gaoguan .page-zhaopin li .bottom{margin-top: 20px;}
.page-gaoguan .page-zhaopin li .bottom span{margin-top: 15PX; display: block; font-size: 14PX; color: #999999; text-align: right; transition: all .6s;}
.page-gaoguan .page-zhaopin li .bottom span:hover{color: #141418;}


#divMsgBack1 {
	display: none;
	position: fixed;
	_position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	filter: Alpha(opacity=50);
	_display: block;
	_left: -10000px;
	z-index: 9999;
}
/*弹出层*/

#divMsg1 {
	display: none;
	position: fixed;
	background: #fff;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 700px;
	margin-left: -440px;
	margin-top: -380px;
	border-radius: 6px;
	*/_position: absolute;
	_display: block;
	_left: -10000px;
	z-index: 10000;
	padding: 20px 40px;
}
/*关闭按钮*/

#divMsg1 #close1 {
	position: absolute;
	right: 35px;
	top: 35px;
	color: #999;
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	text-shadow: 0 1px 0 #fff;
}

#divMsg1 #close1:hover {
	color: #555;
}
/*设置显示*/

#msgBody1 #divMsgBack1 {
	display: block;
	_left: 0px;
}

#msgBody1 #divMsg1 {
	display: block;
	_left: 50%;
}

#msgBody1 {
	_overflow: hidden;
}


.apply .apply_tou {	
	border-bottom: 1px solid #e5e5e5;	
	padding: 35px 0 15px;
	overflow: hidden;	
	padding-bottom: 35px;
}

.apply .apply_tou h2 {
	color: #333;		
	font-size: 30px;
	margin-bottom: 10px;
}

.apply .apply_tou span {
	color: #666666;	
	font-size: 16px;
}



.apply .gang {
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px;
	height: 430px;
	border-bottom: 1px #e5e5e5 solid;
	margin-top: 25px;
	line-height: 24px;
}


.apply .gang p {
	display: block;
	color: #666;
}

.apply .youx {	
	width: 100%;
	
	overflow: hidden;
	padding: 20px 0;
}



.apply .youx p {
	color: #666;
	text-align: right;
	overflow: hidden;
}
		
	
	
.hezuo-list{padding-bottom: 30px;}	
.page-yjy-title2{padding: 50px 0;}	
.page-yjy-title2 h4{font-size: 34px; color: #141418; letter-spacing: 2px;}		
.page-yjy-title2 span{width: 30px; margin: 30px 0; display: block; height: 3px; background: #666666;}
		
/*数字高速解决方案*/		
.case-list-bg{background: #f5f5f5;padding: 30px 0 36px;}
.case-list-bg ul li{float: left; font-size: 16px; background: url(../images/case15.png) no-repeat 1% center; width: 25%; line-height: 33px; padding: 11px 0 11px 4%; cursor: pointer; transition: background .3s, color .3s;}		
.case-list-bg ul li a {   color: #666;   transition: color .3s;		}
.case-list-bg ul li.li-light{ background: url(../images/case15_h.png) no-repeat 1% center;}
.case-list-bg ul li.li-light a{color: #d5a447;}
.sz-newspage {padding-bottom: 80px;}
.sz-newspage .newsp-list li{margin-top: 70px;}
.sz-newspage .newsp-list li a{padding: 0;}		
.sz-newspage .newsp-list li a figure{/*width: 25%;*/width: 310px;height:200px;}		
.sz-newspage .newsp-list li h3{font-size: 24px; margin-bottom: 25px;}	
.sz-newspage .newsp-list li p{height: 60px; overflow: hidden; line-height: 30px; font-size: 14px;}	
.sz-newspage .newsp-list li a{border-bottom: none;}	
.sz-newspage .newsp-list li a .intro	{color: #007AFF;}	




/*地图*/
.common-map-box{padding:0 50px; position:relative;}

.common-map-box .rect-5133{padding-bottom:51.33%;}

.common-map-box .dot_box{position:absolute; left:0 ;bottom:0; width:100%; height:100%;}

.common-map-box .dot_box .dot{position:absolute;}

.common-map-box .dot_box .dot .dot_circle{display:block; width:7px; height:7px; background:#c78847; position:relative; z-index:3; border-radius:50%;}

.common-map-box .dot:after,.common-map-box .dot:before{content:""; position:absolute; border-radius:50%; top:50%; left:50%; z-index:1;}

.common-map-box .dot:before {width:18px; height:18px; background:transparent; background:rgba(199,136,71,0.3); margin-top:-9px; margin-left:-9px; -webkit-animation:warn 2s linear 0.4s infinite; -moz-animation:warn 2s linear 0.4s infinite; animation:warn 2s linear 0.4s infinite; opacity:0;}

.common-map-box .dot:after {width:24px; height:24px;background:transparent; /*background:#7e9ec3;*/ background:rgba(199,136,71,0.2); margin-left:-12px; margin-top:-12px; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite; opacity:0;}

.common-map-box .dot_box .dot2 .dot_circle{display:block; width:10px; height:10px; background:#c78847; position:relative; z-index:3; border-radius:50%;}

.common-map-box .dot2:before {width:24px; height:24px; background:transparent; background:rgba(199,136,71,0.3); margin-top:-12px; margin-left:-12px; -webkit-animation:warn 2s linear 0.4s infinite; -moz-animation:warn 2s linear 0.4s infinite; animation:warn 2s linear 0.4s infinite; opacity:0;}

.common-map-box .dot2:after {width:44px; height:44px;background:transparent; /*background:#7e9ec3;*/ background:rgba(199,136,71,0.2); margin-left:-22px; margin-top:-22px; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite; opacity:0;}

							
@keyframes warn {

    0% {

        transform:scale(0.5);

        opacity:0;

    }

    25% {

        transform:scale(1);

        opacity:0.4;

    }

    50% {

        transform:scale(1.2);

        opacity:0.8;

    }

    75% {

        transform:scale(1.3);

        opacity:0.4;

    }

    100% {

        transform:scale(1.4);

        opacity:0;

    }

}

@-webkit-keyframes warn {

    0% {

        transform:scale(0.5);

        opacity:0;

    }

    25% {

        transform:scale(1);

        opacity:0.4;

    }

    50% {

        transform:scale(1.2);

        opacity:0.8;

    }

    75% {

        transform:scale(1.3);

        opacity:0.4;

    }

    100% {

        transform:scale(1.4);

        opacity:0;

    }

}
	


/*新添案例*/
.youde{ width:100%; overflow:hidden; }
.youde ul{ overflow:hidden; width:100%; display: flex; justify-content: space-between; display: -webkit-flex;
-webkit-flex-wrap: wrap; flex-wrap:wrap}
.youde ul li{ width: 48%; line-height:54px; padding: 10px 0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom:1px #e0e0e0 dotted;}
.youde ul li i{ display:inline-block; font-size:16px; color:#141418;  padding-right:12px;  font-weight:bold; float: left;}
.youde ul li span{ color:#555;display: inline-block; float: right;}
.youde ul li p{float: left; width: 76%; overflow: hidden;}
.youde ul li:hover p{ color:#dbb161;}
.youde ul li span.span2{font-size: 14px; font-family: arial; width: 12%; text-align: right;}



@media (max-width:1800px) {			
.p-left-right{ padding-left: 100px; padding-right: 100px;}
.page-titleimg{left:10px;}
.page-titleimg{  width: 55px; overflow: hidden;}
.invest-box .right{ padding-left: 50px;}
.aboutnei-text .ul2 li{ padding: 0 80px;}
.aboutnei-text .div1 ul{ padding-left: 100px;}
.common-map-box{transform: scale(.9); padding: 0; margin-left: -100PX;}
.common-map-box2{transform: scale(.8); margin-left: -150PX;}
.common-map-text{margin-left: -150px;}

}





@media all and (max-width:1660px) {
	
	
	.index-con {
		min-width: 1300px;
		padding: 0 4%;
	}
	
	
	
	.index-map .bd {
		padding: 50px 4%;
	}
	.index-map {
		padding-right: 175px;
	}
	.common-map-text h2 {
		font-size: 30px;
	}
	.common-map-text {
		padding-right: 1%;
	}
	.common-map-box2 {
		-webkit-transition: all .35s;
		-webkit-transform: scale(.9);
		margin-left: -90px;
	}
	.index-title h2 {
		font-size: 56px;
	}
	.index-news-list li .text .p1 {
		overflow: hidden;
		margin-top: 15px;
	}
	
	.page-sz-core-con .content-slide .img-box{flex: 0 0 46%;max-width: 700px; }
	
	.common-map-box{margin-left: 0;}
	.common-map-box2{margin-left: -90px; }
	
}

@media all and (max-width:1500px) {
	.policy .title {
		padding: 20px 40px;
	}
	.index-about-left-box {
		padding-left: 2%;
	}
	.Guarantee_time li {
		padding: 50px 0;
	}
	.Guarantee_time li h2 {
		font-size: 55px;
	}
	.index-business-list ul li .title {
		margin-bottom: 25PX;
	}
	.index-business-list ul li .title h2 {
		font-size: 32PX;
	}
	.index-business-list .info {
		height: 250PX;
	}
	.common-map-text p {
		font-size: 16px;
		line-height: 45px;
		margin-bottom: 0;
	}
	.common-map-text p i {
		font-size: 32px;
	}
	.common-map-text a {
		margin: 40px 0;
		width: 240px;
		line-height: 48px;
		height: 48px;
	}
	.common-map-box2 {
		-webkit-transition: all .35s;
		-webkit-transform: scale(.8);
		margin-left: -110px;
	}
	.common-map-text {
		font-size: 28px;
	}
	.index-map {
		padding-right: 2%;
	}
	.highteam-box .ht-tou figcaption{ top: 15%; bottom: 15%;}	
	.p-left-right{ padding-left: 80px; padding-right:80px;}
	.newsp-list li a{  padding: 40px 30px;}
	.invest-box .right h3{ font-size: 26px; letter-spacing: 3px; }
	.planning-box .plan-text p{ line-height: 30px; font-size: 13px;}
	.planning-box .plan-text h3{ font-size: 20px;}
	.planning-box img{ display: block; padding-right:30px;}
	.highteam-box .ht-tou h3{ font-size: 22px; padding-bottom:20px;}
	.highteam-box .ht-tou p{  line-height: 30px; }
	
	.page-culture-top .right{padding: 30PX; box-sizing: border-box;}
	.page-culture-top .right .mt80{margin-top: 20PX;}
	.page-culture-top .right h1{font-size: 38PX;}
	.page-culture-top .right p{line-height: 35PX;}
	
	.index-map .hd {
		right: 0;
	}

	.index-map .hd span {
		width: 65px;
		height: 65px;
		line-height: 65px;
	}
	.index-footer .index-con {
		padding: 0;
	}
	
	.page-yjy-list li .text{-webkit-transform: translate(0, -30px);
-moz-transform: translate(0, -30px);
transform: translate(0, -30px);}
	.page-yjy-list li .text h2{font-size: 28px;}
	.yjy-ai{padding-top: 60px; padding-bottom: 60px;}
	.yjy-ai p{font-size: 32px;}
	.yjy-ai a{height: 50px; line-height: 50px;}
	
	

	.menu{left: 25PX;}
	.bdsharebuttonbox.icon1{left: 25PX;}
	
	.policy .title{font-size: 20PX; padding: 15px 30px;}
	.policy .title img{-webkit-transform: scale(.8);}
	.page-sz-core-nav li{height: 70px;}

	.page-sz-core-con .content-slide .img-box{flex: 0 0 46%; max-width: 700px; transform: scale(.65);}
	header .logo1 img{height: 40px;}
	.page-sz-core-con .content-slide .info h3{font-size: 36px;}
	.page-sz-core-con .content-slide .info h3 span{font-size: 28px;}
	.index-head-main > ul{margin-left: 6%;}
	
	.common-map-box2{-webkit-transform: scale(.8); margin-left: -130px;}
	
	
}

@media all and (max-width:1450px) {
	.sz-newspage .newsp-list li h3{font-size: 20px; margin-bottom: 10px;}
	.newsp-list li h5{padding: 10px 0 ;}
	.page-yjy-title{padding: 80px 0;}
	.page-yjy-title h1{font-size: 36px;}
	.common-map-text h2{font-size: 28px;}
	
	
	
}